<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
  <title>关于我们</title>
</head>
<include file="style"/>
<style type="text/css">

.text-line {
  border-top: 1px solid #909090; 
  width: 50px; 
  display: inline-block; 
  vertical-align: 5px;
}

.advantage-div {
  margin-top: 75px;
}

.sub-title-div {
  text-align: center;
}

.sub-title-text {
  font-size: 20px;
  color: #00A0EA;
}

.sub-title-text-eng {
  font-size: 18px;
  color: #909090;
}

.advantage-details {
  margin-top: 50px;
}

.advantage-ceil {
  padding: 0 50px;
}

.advantage-ceil-title {
  font-size: 20px;
  font-weight: 20;
}

.advantage-ceil-text {
  font-size: 14px;
  margin-top: 20px;
  line-height: 28px;
  color: #707070;
}


.advantage-ceil-img {
  width: 100%;
  margin-top: 20px;
}

.about-us {
  margin-top: 50px;
}

.about-us-content {
  width: 70%;
  padding: 0;
  margin: 30px auto;
}

.content-div {
  font-size: 14px;
  color: #707070;
}

</style>
<body>

<include file="header"/>


<div id="content">

<div style="width: 100%; height: 580px; background-image: url('{$about['bannerImg']}'); background-repeat: no-repeat; background-size: 100% 100%;">
</div>

<!-- 关于我们 -->
<div class="about-us">
  <div class="sub-title-div">
    <div class="sub-title-text">关于我们</div>
    <div>
      <span class="text-line"></span>
      <span class="sub-title-text-eng">About Us</span>
      <span class="text-line"></span>
    </div>
  </div>


  <div class="am-g about-us-content">
    <div class="am-u-lg-8">
      <div class="content-div wow bounceIn">
        {$about['content']}
      </div>
    </div>
    <div class="am-u-lg-4 wow bounceIn">
      <img style="width: 100%;" src="{$about['img']}">
    </div>
  </div>



</div>



<!-- 我们的优势 -->
<div class="advantage-div">
  <div class="sub-title-div">
    <div class="sub-title-text">我们的优势</div>
    <div>
      <span class="text-line"></span>
      <span class="sub-title-text-eng">Our Advantage</span>
      <span class="text-line"></span>
    </div>
  </div>


  <div class="am-g advantage-details">
    <div class="am-u-lg-1-5">&nbsp;</div>
    <div class="am-u-lg-9">
      <ul class="am-avg-sm-3 am-thumbnails">

        <?php
          for ($i = 0; $i < 3; $i++) {
          $advantage = $advantages[$i];
          $advantage['desc'] = html_entity_decode($advantage['desc']);
        ?>

        <li class="wow bounceIn">
          <div class="advantage-ceil">
            <div class="advantage-ceil-title">{$advantage['title']}</div>
            <div style="width: 37px; height: 4px; background-color: #009FE9; margin-top: 15px;"></div>
            <div class="advantage-ceil-text">
              {$advantage['desc']}
            </div>
            <img class="advantage-ceil-img" src="{$advantage['img']}" />
          </div>
        </li>

        <?php
          }
        ?>

    </ul>
    </div>
    <div class="am-u-lg-1-5">&nbsp;</div>
  </div>
  
</div>


  
</div>

<include file="footer"/>
</body>

<script type="text/javascript">

new WOW().init()

</script>
</html>